#comment-replies
  position: relative
  padding: 12px 6px 0px 6px

  .replies
    padding-left: 0
    list-style-type none

    li.reply-item
      max-width: 500px
      border-left: 1px solid rgba(189,195,199, 0.8)
      margin-left: 10px
      padding-top: 6px
      &:hover .actions
        display: block !important
      &.remove
        background-color: #f9f9f9
        .btn-reply-remove
          display: none
        .comment-text
          color: #bdc3c7
        .remove-reply
          display: block
          padding-top: 30px
          top: -15px
        .comment-actions
          display: none
      &:first-child
        border-top: 1px solid rgba(189, 195, 199, 0.8)
        .arrow-up, .inner
          display: block
      &:last-child
        border-bottom: 0px

      .arrow-up
        position: absolute
        right: 10px
        top: 2px
        width: 0
        height: 0
        border-left: 10px solid transparent
        border-right: 10px solid transparent
        border-bottom: 10px solid rgba(189, 195, 199, 0.8)
        display: none
        &.inner
          top: 4px
          border-bottom: 10px solid #f9f9f9

      .pull-left
        margin-right: 8px
        margin-left: 6px
        width: 36px

        img
          width: 30px
          height: 30px

      .actions
        display: none

      .media-body
        position: relative
        min-height: 76px

        .reply-edit-form
          display: none

        &.edit
          .reply-body
            display: none
          .reply-edit-form
            display: block

        .comment-edit-form
          display: none

        img
          width: 42px
          height: 42px

      .reply-text
        padding-bottom: 6px
        max-width: 390px

  .reply-form
    min-height: 180px

    textarea
      width: 99%
      resize: none
      margin: 1%
      padding: 2%

    .form-actions
      a, input
        font-size: 12px

      .form-submit
        background-color: #333
        color: #fff

  .form-errors
    color: red

@media screen and (min-width : 320px) and (max-width : 700px), screen and (-webkit-min-pixel-ratio : 1.5), screen and (min-pixel-ratio : 1.5)
  #comment-replies .replies li.reply-item
    .actions, .comment-action
      display: block !important